/** @type {import("tailwindcss").Config} */
const config = {
  content: ["src/**/*.tsx"],
  theme: {
    extend: {
      borderColor: {
        DEFAULT: "#434343",
      },
      colors: {
        // primary: {}
      },
      keyframes: {
        height: {
          "0%": { transform: "scaleY(0)" },
          "100%": { transform: "scaleY(1)" },
        },
      },
      animation: {
        height: "height .3s ease forwards",
      },
    },
  },
  darkMode: ["selector", "[data-mode='dark']"],
};

export default config;
